<script lang="ts">
import { reactive, defineComponent, onMounted, ref } from "vue";

import router from "@/router";

export default defineComponent({
  components: {
   
  },
  async setup() {
    let data = reactive({
     
    });

    const toChecked = (url: String) => {
      router.push({
        path: `${url}`,
      });
    }
   
    return {
      data,
      toChecked
    };
  },
});
</script>

<template>

  <div class="bgfff">
    <div class="content">
      <div>
        <div class='title'>网站地图</div>

        <div class='text' @click="toChecked('/showroom')">线上展厅</div>
        <div class='text' @click="toChecked('/demand')">采购对接</div>
        <div class='text' @click="toChecked('/News')">新闻资讯</div>
        <div class='text' @click="toChecked('/Ecology')">产业集群</div>
        <div class='text' @click="toChecked('/about')">关于我们</div>
      </div>
    </div>
  </div>
</template>

<style lang="scss" scoped>
.content {
  margin: 0 auto;
  .title {
    padding: 0 0 20px 0;
    font-size: 26px;
    font-weight: bold;
    border-bottom: 2px solid #f3f3f3;
    margin-bottom: 20px;
  }
  .text {
    font-size: 18px;
    margin-bottom: 20px;
    cursor: pointer;
  }
}
@media screen and (max-width: 1200px) {
 
}

@media screen and (max-width: 768px) {
 
}
</style>
